<template>
  <span>
    <!-- 提交后显示的答案框 -->
    <span class="submited-show right">
      <!-- 对错图标 -->
      <i class="iconfont icon-dui"></i>
      <!-- <i class="iconfont icon-cuo"></i> -->
      <span>hello</span>
    </span>
    <!-- 提交后显示答案 -->
    <span class="right">(答案：relatively)</span>
  </span>
</template>

<script>
export default {
  data () {
    return {
      options: []
    }
  },
}
</script>

<style lang="less" scoped>
.submited-show {
  position: relative;
  display: inline-block;
  height: 2.0875rem;
  line-height: 2.0875rem;
  width: 8rem;
  border: 1px solid #eee;
  font-size: 1.125rem;
  vertical-align: middle;
  text-align: center;
  border-radius: 0.3125rem;
  padding: 0.1875rem 0.625rem;
  .iconfont {
    position: absolute;
    left: 0.625rem;
    top: 0;
  }
}
.right {
  border-color: #13bfbf !important;
  color: #13bfbf;
}
</style>
